virtual DOM 01. 리액트란? 기존 자바스크립트만 가지고 개발을 할 수 있는데 어떠한 필요에 의하여 리액트가 만들어진것일까? 기존 웹 페이지를 렌더링할 때에 정적인 웹을 만들 때에는 html, css만 가지고 만들 수 있습니다. 때문에 동적인 작업이 많아져도 성능에 문제가 없고 UX(사용자의 경험)도 향상시킬 수 있는 방법으로 등장한 것들이 프레임워크 , 라이브러리인 것이고 그 중하나가 리액트인 것입니다. 이러한 프레임워... Reactvirtual DOMreact renderingReact TIL#26 React ) intro 리액트는 가상 돔(Virtual DOM) 을 통해 UI 를 빠르게 업데이트 한다. 리액트가 화면을 A 에서 B 로 바꾸기 위해서는 여러번의 DOM 조작이 필요할 수 있다. 리액트는 실제 DOM 이 아니라 가상의 DOM 을 만들어서 유지하고 있다. 이러한 텍스트들이 실제 의미를 가지려면 자바스크립트 코드를 읽어서 실행을 시킬 수 있는 도구들이 필요하다. 이렇게 자바스크립트를 읽어서 실행할 수 ... virtual DOMCRAReactNodenpm선언적TILcomponentCRA
01. 리액트란? 기존 자바스크립트만 가지고 개발을 할 수 있는데 어떠한 필요에 의하여 리액트가 만들어진것일까? 기존 웹 페이지를 렌더링할 때에 정적인 웹을 만들 때에는 html, css만 가지고 만들 수 있습니다. 때문에 동적인 작업이 많아져도 성능에 문제가 없고 UX(사용자의 경험)도 향상시킬 수 있는 방법으로 등장한 것들이 프레임워크 , 라이브러리인 것이고 그 중하나가 리액트인 것입니다. 이러한 프레임워... Reactvirtual DOMreact renderingReact TIL#26 React ) intro 리액트는 가상 돔(Virtual DOM) 을 통해 UI 를 빠르게 업데이트 한다. 리액트가 화면을 A 에서 B 로 바꾸기 위해서는 여러번의 DOM 조작이 필요할 수 있다. 리액트는 실제 DOM 이 아니라 가상의 DOM 을 만들어서 유지하고 있다. 이러한 텍스트들이 실제 의미를 가지려면 자바스크립트 코드를 읽어서 실행을 시킬 수 있는 도구들이 필요하다. 이렇게 자바스크립트를 읽어서 실행할 수 ... virtual DOMCRAReactNodenpm선언적TILcomponentCRA